@charset "utf-8";
/* CSS Document */


 /*初始化*/
*{ margin:0; padding:0;}
html{height:100%;}
body{height:100%;font-size:14px;  color:#333333; line-height:1.8; background:#FFF}
a{ color:#333333; text-decoration:none; display:inline-block}
a:hover{ color:#ce0000; text-decoration:none}
ul{ list-style:none;}
img{ border:none;  display:inline-block;webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: scale(1);transform: scale(1);}
.clear{ clear:both; height:0; overflow:hidden;}
input,textarea,button{font-size:14px; border:none;outline:medium; -webkit-appearance: none; background:none}
.w1200{ width:1200px; margin:0 auto;}
.fl{ float:left}
.fr{ float:right}
input::-webkit-input-placeholder{color:#a9a9a9;}
input:-moz-placeholder {color:#a9a9a9;}
input::-moz-placeholder{color:#a9a9a9;}
input:-ms-input-placeholder{color:#a9a9a9;}

/*右侧*/
#rightButton{ position:fixed; _position:absolute; top:280px; right:20px; z-index:999999; display:block; }
#right_ul{ position:relative; background:none  }
#right_ul a{ display:block; width:62px; height:62px}
#right_ul li{ margin-bottom:1px}
#right_ul li:last-child{ margin-bottom:0px}
#right_y1 a{ background:url(../images/you/y1.jpg) no-repeat; cursor:pointer; display:block }
#right_y1 a:hover{ background:url(../images/you/yh1.jpg) no-repeat; cursor:pointer; display:block }
#right_xj a{ background:url(../images/you/xj.jpg) no-repeat; cursor:pointer; display:block }
#right_gb a{ background:url(../images/you/gb.jpg) no-repeat; cursor:pointer; display:block }

#right_xj { display:none}
#backToTop a{  background:url(../images/you/top.jpg) no-repeat; cursor:pointer; display:block; width:62px; height:62px }
#backToTop a:hover{ background:url(../images/you/top1.jpg) no-repeat; cursor:pointer; display:block; width:62px; height:62px }


/*开始*/

.top{ background:#2a2a2a ; height:40px; line-height:40px;  color:#cececc; font-size:14px}
.top a{ color:#cececc; font-size:14px}
.top a:hover{ color:#fff}
.top_l a{ margin-right:20px}
.head{ background:#eeeeee}
.logo{ width:230px; float:left; height:68px; overflow:hidden}
.logo img{ height:68px; display:block; max-width:230px}

.t1{ background:url(../images/t3.png) no-repeat left center; padding-left:38px; margin-left:15px}
.t2{ background:url(../images/t2.png) no-repeat left center; padding-left:38px; margin-left:15px}
.t3{ background:url(../images/t1.png) no-repeat left center; padding-left:38px}

.tt{ position:relative}
.ttb{ padding:10px 10px ;border-bottom: 5px solid #ff001e; width: 200px;
    margin-left: -100px;
    color: #2a2a2a; display:none;
    font-size: 14px; background:#fff; z-index:1111; position:absolute}
.ttb a{color: #2a2a2a;}
.wxdiv img{ float:left; width:70px; display:block; margin-right:10px}
.wxdiv .text {
    padding-top: 10px;
    line-height: 24px;
}

.y1 a{ background:url(../images/y1.png) no-repeat left center; padding-left:30px; background-size:25px; display: block}
.y2 a{ background:url(../images/y2.png) no-repeat left center; padding-left:30px; background-size:25px; display: block}
.y3 a{ background:url(../images/y3.png) no-repeat left center; padding-left:30px; background-size:25px; display: block}
.ttb a:hover{ color:#ce0000}
.ttb1{ width: 80px; padding-left:20px; margin-left: -40px;}
.ttb2{ width: 65px; padding-left:20px; margin-left: -40px;}

.san{    width: 0;
    height: 0;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: transparent transparent #fff;
    position: absolute;
    z-index: 99999;
    top: -8px;
    left: 50%;
    margin-left: -8px;
    }

#lib_Tab1{width:750px;margin:0px;padding:0px; margin-top:45px; float:left}
.slogo{ margin-top:50px; margin-right:50px}
#lib_Tab1 .lib_Menubox { height:45px}
#lib_Tab1 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; text-align:center;}
#lib_Tab1 .lib_Menubox li{float:left;display:block;cursor:pointer;padding: 0px 20px;
    float: left;
    font-size: 24px;
    color: #fff;
    cursor: pointer;}
#lib_Tab1 .lib_Menubox li.hover{background: #fff;
    color: #fe0000;}
#lib_Tab1 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;}

.shuru{float: left; background:#fff; height:35px; line-height:35px; border-radius:2px; text-indent:1em; width:80%; font-size:16px}
.butn{ float: left;
    width: 12%;
    height: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 16px;
    background: #ef011c;
    color: #fff;
    cursor: pointer;}

.tanchuang{position:fixed; top:0; left:0; z-index:9999; overflow:hidden; background:#2b2b2b;
  width:100%; height:180px; display:none}
.tanchuang1{  display:block; position:absolute;  z-index:88888; width:100%;  }


.guan1{ background:url(../images/x1.png) no-repeat; background-size:30px; width:30px; height:30px; display:block; float:right}
.guan1:hover{ background:url(../images/x2.png) no-repeat;background-size:30px;}

.huibg{position: fixed; 
    z-index: 999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);}


/*登录*/
.denglu{ margin-top:70px; margin:0 auto; width:310px; height:280px; background:#fff; padding:15px 35px;position:relative;}
.dll{width:311px;  height:39px;margin-bottom:20px;}
.dll img{float:left; width:39px; height:37px; display:block}
.wjmima{ color:#888;}
.dll input{ background:#fff; color:#a9a9a9; width:270px; font-size:14px; height:35px; line-height:35px; float:left; border:1px #dedede solid; text-indent:1em}
.dl_button{ cursor:pointer; width:100%; height:40px;  background:#ce0000; color:#fff; font-size:16px; font-family:"微软雅黑"; margin-top:15px}
.dl_ti{ text-align:center; font-size:18px;border-bottom:1px #dedede solid; padding-bottom:12px; margin-bottom:15px}


.dengchuang{position:fixed; top:0; left:0; z-index:9999; overflow:hidden; 
  width:100%; display:none; height:100%}
.dengchuang1{  display:block; position:absolute;  z-index:88888; width:100%; top:30%  }

.guan2{ position:absolute;right:-35px; top:-35px; background:url(../images/x1.png) no-repeat; background-size:30px; width:30px; height:30px; display:block; float:right}
.guan2:hover{ background:url(../images/x2.png) no-repeat;background-size:30px;}




.kdengchuang{position:fixed; top:0; left:0; z-index:9999; overflow:hidden; 
  width:100%;  height:100%; display:none}
.kdengchuang1{  display:block; position:absolute;  z-index:88888; width:100%; top:20%  }


.wdengchuang{position:fixed; top:0; left:0; z-index:9999; overflow:hidden; 
  width:100%;  height:100%; display:none}
.wdengchuang1{  display:block; position:absolute;  z-index:88888; width:100%; top:20%  }


#lib_Tab2{ margin-top:70px; margin:0 auto; width:380px;position:relative;}
#lib_Tab2 .lib_Menubox { height:42px}
#lib_Tab2 .lib_Menubox ul{margin:0px;padding:0px;list-style:none; text-align:center;}
#lib_Tab2 .lib_Menubox li{float:left;display:block;cursor:pointer; width:188px; margin-right:2px;
    float: left;
    font-size: 24px;
    color: #fff;background: #ce0000;
    cursor: pointer;}
#lib_Tab2 .lib_Menubox li:nth-child(2n){ margin-right:0}
#lib_Tab2 .lib_Menubox li.hover{background: #fff;
    color: #ce0000;width:190px;}
#lib_Tab2 .lib_Contentbox{clear:both;margin-top:0px; border-top:none;}

#con_two_2  .denglu{ height:380px}

.guan3{ position:absolute; right:-35px; top:-35px; background:url(../images/x1.png) no-repeat; background-size:30px; width:30px; height:30px; display:block; float:right}
.guan3:hover{ background:url(../images/x2.png) no-repeat;background-size:30px;}

.guan4{ position:absolute;right:-35px; top:-35px; background:url(../images/x1.png) no-repeat; background-size:30px; width:30px; height:30px; display:block; float:right}
.guan4:hover{ background:url(../images/x2.png) no-repeat;background-size:30px;}


.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.nav{  height:68px; line-height:68px;  position:relative; z-index:99; float:left; width:61% }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; padding:0 40px; color:#333333; font-size:18px ; font-weight:normal }
.nav .sub{
    position: absolute;
	 text-align:center;
    left: 50%;
    margin-left: -110px;
    width: 220px;
    top: 68px;
    display: none; z-index: 9999;
    background: #FFF;
    box-shadow: 0 0 10px rgba(0, 0, 0, .3);
    border-top: 2px solid #cf0606; z-index:999  }
.nav .sub li{ zoom:1; display: block;
    width: 100%;
    border-bottom: 1px solid #eee;
    position: relative;
    z-index: 9999;}
.nav .sub a{ display: block;
    line-height: 45px;
    border: none;
    text-align: center;
    font-size: 16px;}
.nav .sub a:hover{ background:#cf0606; color:#fff;  }
.nav .on h3 a{  color:#cf0606;   }


.nav .sub .sanjiao  { width: 0;
    height: 0;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: transparent transparent #ce0000;
    position: absolute;
    top:-9px;
    left: 50%;
    margin-left: -8px;
    z-index: 9999;
   }
.head_r1{ width:148px; text-align:center; height:38px; margin-top:15px; line-height:38px; float:left }
.head_r1 a{ display:block; color:#fff; font-size:16px; background:#ff0000}
.head_r2{ float:right;height:38px; margin-top:15px; line-height:38px; }
.head_r2 a{ color:#000; font-size:16px; background:url(../images/s1.png) no-repeat left center; padding-left:38px}
/*头部结束*/
.in_nav{ margin-top:30px; margin-bottom:55px}
.in_nav ul li a{ display:block}
.in_nav ul li img{ display:block; width:100%}
.in_nav ul li p{ position:absolute; bottom:0px; display:none; font-size:18px; font-weight:bold; width:100%; text-align:center; color:#fff; background:rgba(255, 0, 0, 0.7)}
.in_nav ul li{ width:16.1%;overflow:hidden; position:relative; float:left; margin-right:0.65%}
.in_nav ul li:nth-child(6){ margin-right:0}
.fangda a:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}
.in_nav ul li a:hover p{ display:block}
.fang_tu{ overflow:hidden;}
.h55{ height:55px}

.con1_tu{ width:75%; float:left; overflow:hidden}
.con1_tu img{width:100%;display:block}
.con1_zi{ width:24%; float:right}
.con1_zi1{ font-size: 48px;
    color: #00132b;
    line-height: 1;
    -webkit-text-stroke-width: 0.2px;
    font-weight: normal;
    margin-bottom: 10px;
    padding-bottom: 4px;}
.con1_zi2{    margin: 10px 0;
    font-size: 32px; color: #00132b;
    line-height: 1;
    font-weight: normal;}
.con1_zi3{line-height: 26px;
    font-size: 14px;
    color: #666; text-align:justify}
	
.con2_tu{ width:44%; float:left; overflow:hidden}
.con2_tu img{width:100%;   display:block}	
.con2_zi{ width:25.5%; float:left; margin-left:45px; margin-top:100px}
.con1{ margin-bottom:50px; position:relative}
.con1bg{ position:absolute; right:0; bottom:0; width:23.5%}
.con1bg img{ width:100%; display:block}
.con2_zi a:hover .con1_zi1{ color:#ce0000}
.con2_zi a:hover .con1_zi2{ color:#ce0000}
.con1_zi a:hover .con1_zi1{ color:#ce0000}
.con1_zi a:hover .con1_zi2{ color:#ce0000}


.con2_ti{font-size: 42px;
    line-height: 60px;
    display: block;
    width: 100%;
    padding-bottom: 10px;}
.con2_left{ width:42%; float:left}	
.con2_left_ti{font-size: 22px;
    line-height: 40px;
    padding-top: 5px;
    font-weight: normal;
    color: #00132b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;}
.con2_left_zi{line-height: 26px;
    font-size: 14px;
    color: #666;
    width: 100%;
    height: 52px;
    overflow: hidden;}	
	
.con2_left_tu img{ width:100%; display:block}	
.con2_left_tu{ width:100%; overflow:hidden}	
.changeone{ width:52%; float:right; margin-top:35px; height:390px }
.new_list{ background:#fff; width:100%; }
.new_list .new_img{ width:35%; float:left; overflow:hidden}
.new_list .new_img img{ width:100%; display:block;}
.new_list .new_ti{ 
    font-size: 22px;
    line-height: 50px;
	font-weight: normal; margin-top:15px;
    color: #00132b;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden; margin-bottom:5px}
.new_list .new_xx{ line-height: 25px; width:62%; float:right;
    font-size: 14px;
    color: #666;

    height:150px;
    overflow: hidden;
}
.changeone ul li:nth-child(3n) .new_list{ border-bottom:none}
.change_ti{ font-size:20px;  position:relative; top:-20px}
.changeone .huan{ background:url(../images/coin3.png) no-repeat 5px center; background-size:16px; color:#ce0000; font-size:15px; line-height:25px; position:absolute; right:0; padding-left:25px; padding-right:5px; border:1px #ce0000 solid; border-radius:5px}

.con2_ti span{ background:url(../images/s2.jpg) right center no-repeat; padding-right:50px;padding-left: 8px;
    font-size: 28px;
    color: #00132b;
    -webkit-text-stroke-width: 0; }

.h80{ height:60px}


.fangda1:hover img{-webkit-transform: scale(1.1);transform: scale(1.1);}

.con3 ul li{ width:30%; float:left; margin-right:5%}
.con3 ul li:nth-child(3n){ margin-right:0}
.con3_xx{    margin-top: 15px;
    line-height: 26px;
    font-size: 14px;
    color: #666;}
.con3_ti{margin-top: 15px;
    line-height: 1;
    font-weight: normal;
    font-size: 32px;
    color: #00132b;}
.con3_tu{ overflow:hidden; width:100%}
.con3_tu img{ width:100%; display:block}
.con3{ margin-bottom:60px}

.footer{ background:#2a2a2a; padding:25px 0}

.footer .foot-left {
    float: left;
    width: 69%;
 
}

.foot-left dl {
    padding-top: 20px;
    width: 164px;
    float: left;
    line-height: 24px;
}
.foot-left dl dt {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 10px;}
.foot-left dl dd a {
    color: #b5b5b5;
    font-size: 14px;
}
.footer .follow .code {
    margin-top: 18px;
    width: 90px;
    height: 90px;
}	
.footer .follow .code img{ width:100%; display:block}

.footer .foot-right {
    float: left; padding-top:15px;
    width: 260px;
}

.foot-right .tel span { background:url(../images/tel.png) no-repeat left center;
 background-size:22px;padding: 5px 0; padding-left:25px;
    display: block;
    
    font-size: 14px;
    color: #ebe8e3;
}

.foot-right .tel p {
    font-size: 22px;
    color: #ebe8e3;
}

.fbanquan{ background:url(../images/flogo.png) no-repeat left center; background-size:auto 30px;  line-height:30px; padding:8px 0;padding-left:70px;}



/*产品中心*/

.h30{ height:40px; line-height:40px}
.plist{ width:18%; float:left; text-align:center}
.plist ul li{ height:49px; background:#5e5e5e; border-bottom:1px #727272 solid; line-height:49px;}
.plist ul li a{ color:#fff; display:block; text-align:center; font-size:16px}
.plist ul li a:hover{ background:#848484}
.pright{ width:81.5%; float:right}


.pright_b ul li{ width:32.5%; margin-right:1.25%; float:left; overflow:hidden; height:152px; margin-top:8px}
.pright_b ul li img{ width:100%; display:block}
.pright_b ul li:nth-child(3n){ margin-right:0}

.prolistbg .prolistbg_li{ padding:50px 0}
.prolistbg .prolistbg_li:nth-child(2n){ background:#f4f4f4}
.prolist_ti{ color:#ce0000; font-size:24px; margin-bottom:20px; border-left:4px #ce0000 solid; line-height:26px; padding-left:10px}
.prolist_ti a{ float:right; font-size:14px}
.pro_left_tu{ width:20%; float:left; overflow:hidden}
.prolist{ width:79%; float:right}
.pro_left_tu img{ display:block}
.prolist ul li{ overflow:hidden; float:left; width:24%; margin-right:1%; background:#fff; text-align:center}
.prolist ul li:nth-child(4n){ margin-right:0}

.prolistbg img{ width:100%; display:block}
.prolist a{ display:block; padding:15px 0; border:1px #c9c9c9 solid}
.pro_tu{ overflow:hidden}
.pro_tu img{ width:100%; display:block}

.pro3 span{ color:#e60012}
.pro3{ font-size:14px; margin-top:8px}
.pro2{ color:#8c8c8c; line-height:1.2}
.pro1{ color:#333; font-size:15px; line-height:22px; overflow:hidden;height:44px; margin-bottom:10px}
.pro_zi{ padding:0 5%}


.prolist1{ width:77%; float:right}

.prolist1 ul li{ overflow:hidden; float:left; width:32%; margin-right:2%; margin-bottom:30px; background:#fff; text-align:center}
.prolist1 ul li:nth-child(3n){ margin-right:0}
.prolist1 .bian{ display:block; border:1px #c9c9c9 solid;padding:15px 5%;}

.pro_ck a{  border:1px #000 solid; display:block; color:#000; line-height:2; font-size:16px}
.pro_ck{ width:45%; margin-top:20px; margin-bottom:10px}

.yema{ margin:50px 0; text-align:center}
.yema a{ font-size:16px; margin:0 5px}
#yema{color:#ce0000;}


/*工程案例*/
.case_list{ min-height:500px}
.case_list ul li{ width:32%; float:left; margin-right:2%; margin-bottom:30px;}
.case_list ul li:nth-child(3n){ margin-right:0}
.case_list ul li a{ display:block; background:#f8f8f8; padding:15px 3.5% 10px; font-size:16px}
.case_list img{ display:block; width:100%}
.case_tu{ overflow:hidden}
.case_ti{ line-height:28px; height:56px; overflow:hidden; margin-top:10px}


/*招聘*/

.zp_list{ border-top:2px #ebebeb solid; margin-bottom:80px; min-height:500px}

.subNavBox{width:100%; margin:0 auto;}
.subNavBox .subNav{line-height:62px; background: url(../images/jia.png) no-repeat 96.5%  center; background-size:21px; border-bottom:1px #eaeaea solid}
.subNavBox .currentDt{background-image:url(../images/jian.png);background-size:21px}
.subNavBox .navContent{ padding:20px 40px;border-bottom:1px #eaeaea solid; display:none; background:#f6f6f6}

.zp_ti ul li{ height:60px; line-height:60px; float:left; font-size:17px;  color:#333; text-align:center; overflow:hidden}
.zp_ti{ height:60px; line-height:60px; border-bottom:1px #eaeaea solid; overflow:hidden}
.zp_ti ul li:nth-child(1){ width:51%; text-align:left; padding-left:2%; padding-right:2%;}
.zp_ti ul li:nth-child(2){ width:9%}
.zp_ti ul li:nth-child(3){ width:9%}
.zp_ti ul li:nth-child(4){ width:9%}
.zp_ti ul li:nth-child(5){ width:9%}
.zp_ti ul li:nth-child(6){ width:9%}

.subNav ul li{  height:60px; line-height:60px; float:left; font-size:14px; color:#414344;overflow:hidden; text-align:center; overflow:hidden}
.subNav ul li:nth-child(1){ width:51%; text-align:left; padding-left:2%; padding-right:2%;}
.subNav ul li:nth-child(2){ width:9%}
.subNav ul li:nth-child(3){ width:9%}
.subNav ul li:nth-child(4){ width:9%}
.subNav ul li:nth-child(5){ width:9%}
.subNav ul li:nth-child(6){ width:9%}

/*验收发货*/
.yanbg{ border:1px #c9c9c9 solid; margin-left:10px; padding-left:35px; padding-bottom:60px; margin-bottom:70px}
.yan_ti{ font-size:20px; line-height:1.8; margin-top:10px}
.yan_ts{ font-size:13px; color:#888}
.yan_biao font{color:#ce0000; }
.yan_biao{line-height:40px; margin-top:20px}
.yan_biao input{ border:1px #333 solid; line-height:38px; height:40px; text-indent:1em; width:300px; margin-left:20px}
.yan_biao span{ width:65px; display:inline-block; float:left}
.yan_biao textarea{ border:1px #333 solid;  height:40px; text-indent:1em; width:500px; height:120px; margin-left:20px}
.yan_biao select{border:1px #333 solid; height:40px; line-height:40px; width:200px;margin-left:20px;text-indent:1em;}
.yan_que input{ font-size:16px; width:260px; height:40px; background:#c40000; color:#fff; display:inline-block}
.yan_que{ margin-top:40px; margin-left:85px}



.dan_cp{ background:#fff; margin:10px auto}
.dan_tu{ width:100px; margin-right:12px; float:left}
.dan_tu img{ width:100%; display:block}
.dan_zi{ padding-top:26px}
.dan_ti{ font-size:16px; line-height:1.5; margin-bottom:3px}
.dan_xh{ color:#888}



/*新闻*/
.news_box{padding-bottom: 20px;}
.news_box .news_list_1{width: 77.5%;float: left;}
.news_box .news_list_1 .item_banner{margin-top: 30px;}
.news_box .news_list_1 .item_banner img{width: 100%;}
.news_box .news_list_1 .item_banner .item_banner_tu{ overflow:hidden}
.news_box .news_list_1 .hotspot_news{margin-top: 25px;position: relative;}
.news_box .news_list_1 .hotspot_news .text{padding-right: 120px;}
.news_box .news_list_1 .hotspot_news .text div{position: relative;line-height: 34px; height: 34px; margin-bottom: 14px;}
.news_box .news_list_1 .hotspot_news .text div span{display: block; font-size:18px; height: 34px; background-color: #e63521; color: #FFFFFF; border-radius: 4px;width: 96px; text-align: center;}
.news_box .news_list_1 .hotspot_news .text div a{position: absolute; top: 0; left: 110px; line-height: 34px; font-size: 24px; right: 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news_box .news_list_1 .hotspot_news .text p{line-height: 32px; min-height: 64px; font-size: 16px; color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}


.news_box .news_list_1 .hotspot_news .time{width: 64px; height: 49px; background-color: #ffffff;padding-top: 15px; text-align: center; border-radius: 5px; border: #dbdbdb 1px solid; position: absolute;bottom:20px; right: 0;}
.news_box .news_list_1 .hotspot_news .time img{width: 18px;height: 18px;}
.news_box .news_list_1 .hotspot_news .time p{font-size: 12px; line-height: 16px; color: #656259;}
.nn_news_list {width: 100%; border-top: #dbdbdb 1px solid;}
.nn_news_list .nn_news_list_item{padding: 40px 0;height: 120px; border-bottom: #dbdbdb 1px solid; position: relative;}
.nn_news_list .nn_news_list_item .item_img { overflow:hidden;width: 200px; height: 138px; position: absolute;top:31px; left: 0;}
.nn_news_list .nn_news_list_item .item_img img{ width:100%; display:block;}
.nn_news_list .nn_news_list_item .time{width: 64px; height: 49px; background-color: #ffffff;padding-top: 15px; text-align: center; border-radius: 5px; border: #dbdbdb 1px solid; position: absolute;bottom:60px; right: 0;}
.nn_news_list .nn_news_list_item .time img{width: 18px;height: 18px;}
.nn_news_list .nn_news_list_item .download{width: 42px; height: 40px; background-color: #ffffff;text-align: center;padding: 11px; border-radius: 5px; border: #dbdbdb 1px solid; position: absolute;bottom:70px; right: 0;}
.nn_news_list .nn_news_list_item .download img{width: 42px;height: 42px;}
.nn_news_list .nn_news_list_item .time p{font-size: 12px; line-height: 16px; color: #656259;}
.nn_news_list .nn_news_list_item .text{padding-left:220px;padding-right: 120px;}
.nn_news_list .nn_news_list_item .text .text_ti{display: block;line-height: 48px; font-size: 24px;width: 100%; color: #333333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.nn_news_list .nn_news_list_item .text p{line-height: 30px; font-size: 16px; color: #666666;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

/*清除浮动*/
.clearfix:after{content: "."; display: block; height: 0; clear: both; visibility: hidden}
.clearfix{zoom:1}


/*视频报道*/
.news_banner{width: 100%; height: 130px;margin-bottom: 30px; padding-top: 90px; }
.news_banner .search_box{height: 40px; width: 400px; margin: 0 auto;border-radius: 20px; background-color: #FFFFFF;}
.news_banner .search_box input{width:340px; line-height: 40px; float: left; height: 40px; padding-left: 20px;}
.news_banner .search_box span{width: 40px; height: 40px; float: right;}
.news_banner .search_box span img{width: 100%; height: 100%;}
.nav_box{border: solid 1px #dbdbdb;}
.nav_box .one_nav{height: 40px; padding-left: 13px; line-height: 40px;background-color: #f5f5f5; border-bottom: 1px solid #dbdbdb;}
.nav_box .one_nav a{display: inline-block;padding-left: 17px; background: url(../images/icons/video_icon_03.jpg) left center no-repeat; margin-right:26px; color: #333333; font-size: 16px;}
.nav_box .two_nav{background-color: #FFFFFF; line-height: 40px; height: 40px;}
.nav_box .two_nav a{display: inline-block; padding: 0 20px; color: #333333;}
.nav_box .two_nav a:hover{color: #d5060c;}
.nav_box .two_nav span{color: #c1c1c1;}

.news_video_list{width: 100%;padding-top: 25px;}
.news_video_list ul li{float: left; margin-right:1.33%;width:24%; margin-bottom: 16px;}
.news_video_list ul li:nth-child(4n){ margin-right:0}
.news_video_list .video_item a{ display:block;padding: 5px; border: 1px solid #dbdbdb;}
.news_video_list .video_item img{width: 100%;}
.news_video_list .video_item .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;line-height: 32px; height: 32px; color: #333333; font-size: 16px;}
.news_video_list .video_item .time{height: 14px; line-height: 14px; color: #888888; font-size: 12px; padding-bottom: 5px;}

/*新闻中心-详情*/
.news_details_left{width: 77.5%;float: left;}
.news_details_left .details_banner{margin-bottom: 10px;}
.news_details_left .details_banner a{width: 49.25%;}
.news_details_left .details_banner a img{width: 100%; height: 100%; display:block}
.news_details_left .details_banner a:first-child{float: left;}
.news_details_left .details_banner a:last-child{float: right;}
.news_details_left .details_title{line-height: 48px; font-size: 24px; font-family: "微软雅黑"; font-weight: normal; color: #000000; border-bottom: 1px solid #dbdbdb;}
.news_details_left .details_ts{ line-height:3; color:#888}
.news_details_right{width: 20%;float: right;}
.news_details_right .best_good{padding: 20px;padding-top: 32px;border: 1px solid #dbdbdb; margin-bottom: 10px;}
.news_details_right .best_good .title{height: 54px; width: 100%; position: relative;}
.news_details_right .best_good .title h1{line-height: 32px; font-size: 22px;color: #000000; font-family: "微软雅黑";}
.news_details_right .best_good .title p{line-height: 16px;font-weight: bold; font-size: 12px;color: #000000; font-family: "微软雅黑";}
.news_details_right .best_good .title span{position: absolute;bottom: 0; left: 0; height: 3px; width: 40px; background-color: #000000;}

.news_details_right .good_list .item{text-align: center; font-size: 16px; color: #333333; margin-top: 20px;}
.news_details_right .good_list .item img{width: 100%;}
.news_details_right .good_list .item .item_tu{ overflow:hidden}
.news_details_right .news_list{padding-top: 10px;}
.news_details_right .news_list li{line-height: 38px; font-size: 16px;}
.news_details_right .news_list li a{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width: 100%;}
.details_dan{ font-size:16px; min-height:500px;}
.details_dan img{ max-width:100%}
.details_sx{ border-top:1px #dbdbdb solid; padding:20px 0}
.details_sx a{ display:block; color:#777}
.fanhui{ float:right; margin-top:-40px}

/*商品-详情*/
.pro_banner{ width:48%; float:left}
.pro_right{ width:47%; float:right}
.pro_right_ti{ font-size:36px; line-height:1.4}

.pro_right_sh{ color:#666666; font-size:24px}

.pro_right_ms{ border-top:1px #dbdbdb solid;border-bottom:1px #dbdbdb solid; margin:20px 0 40px; padding:20px 0; }
.pro_right_zx{ width:230px; height:66px; background:#db0200;border-radius:5px; text-align:center;}
.pro_right_zx a{ display:block; font-size:22px; line-height:66px; color:#fff; }
.pro_right_pp{ margin-top:25px}
.pro_right_pp .p1{ margin-right:20px; background:url(../images/p1.png) no-repeat; background-size:20px; padding-left:25px; color:#000; font-size:16px; line-height:20px}
.pro_right_pp .p2{ background:url(../images/p2.png) no-repeat; background-size:20px; padding-left:25px; color:#000; font-size:16px; line-height:20px}


.lib_Contentbox1 img{ max-width:100%}

.lib_Menubox1 {height:42px;line-height:42px; background:#fff; margin-top:45px}
.lib_Menubox1 ul{ border-top:1px #dbdbdb solid; height:42px; margin:0px;padding:0px;list-style:none; padding-left:390px; text-align:center;}
.lib_Menubox1 li{ font-size:15px;float:left;display:block;cursor:pointer; color:#333; line-height:42px;height:42px; width:90px; margin:0 60px;}
.lib_Menubox1 li.hover{padding:0px; display:inline-block; color:#ce0000;  line-height:42px;height:42px ; width:90px;}
.lib_Contentbox1{border-top:1px #dbdbdb solid;clear:both;margin-top:0px; background:#fff; min-height:200px; padding:30px}

.tong_ti{ text-align:center; line-height:30px; font-size:16px; margin-bottom:15px}



.t_prolist ul li{ overflow:hidden; float:left; width:22%; margin-right:4%; margin-bottom:30px; background:#fff; text-align:center}
.t_prolist ul li:nth-child(4n){ margin-right:0}

.t_prolistbg img{ width:100%; display:block}
.t_prolist a{ display:block; padding:15px 5%; border:1px #eeeeee solid}

/*关于纳诺*/
.danye_tu{ text-align:center}
.danye_tu img{ display:inline-block; margin:0 auto; max-width:100%}


/*金牌服务*/
.fwditu{  margin:0 auto; margin-top:20px; margin-bottom:30px; text-align:left }
.fwditu ul li{ float:left; width:32%; margin-right:2%; margin-bottom:30px;}
.fwditu ul li:nth-child(3n){ margin-right:0}
.fdi_ti{  margin:3% auto 0;  background:url(../images/dd1.jpg) no-repeat left center; padding-left:35px; background-size:30px; color:#000; font-size:17px}
.fdi_xx{ margin:0% auto 0; padding-left:35px; color:#666; font-size:15px; line-height:1.5; padding-right:15px}
.fwditu img{ display:block; width:100%}
.fdi_dh{ line-height:30px; margin:3% auto 0; border-top:1px #ddd solid; padding:8px 0; background:url(../images/dd2.jpg) no-repeat left center; padding-left:35px; background-size:30px; color:#666; font-size:14px}
.fwdibian{ border:1px #dddddd solid;}
.fdi_dh a{ background:#cd0000; color:#fff; float:right; padding:0px 10px; border-radius:5px; }


.fan_inp{ width:47%; background:#fff; line-height:52px; height:52px; font-size:17px; border-radius:5px; text-align:left; padding-left:20px}
.fan_inp input{ width:60%} 
.fan_textarea{ margin-top:40px; font-size:17px; background:#fff;border-radius:5px;  padding:15px;text-align:left; margin-bottom:10px;}
.fan_textarea textarea{ width:100%;text-align:left; height:80px; margin-top:10px } 

.fan_tj{ width:260px; margin:0 auto; height:55px; line-height:55px; background:#cd0000; border:2px #920000 solid; margin-top:40px; border-radius:8px;}
.fan_tj input{ font-size:22px; line-height:53px; color:#fff; display:block; text-align:center; width:100%; cursor:pointer}


.er_nav{ display:none}



/*登录*/
.k_denglu{ margin-top:100px; float:right; width:310px; height:280px; background:#fff; padding:15px 35px;}
.dl_ti{ border-bottom:1px #e7e7e7 solid; padding-bottom:5px; margin-bottom:15px}
.dl_ti a{ color:#e72028;}
.dll{width:311px;  height:39px;margin-bottom:27px;}
.dll img{float:left; width:39px; height:37px; display:block}
.wjmima{ color:#666;}
.dll input{ background:#fff; color:#a9a9a9; width:270px; font-size:14px; height:35px; line-height:35px; float:left; border:1px #dedede solid; text-indent:1em}
.dl_button{ width:100%; height:40px;  background:#e72028; color:#FFF; font-size:14px; font-family:"微软雅黑"; margin-top:5px}
.wjmima{ color:#666; margin-top:10px; text-align:center}
/*注册*/
.k_zhuce{ margin-top:35px; float:right; width:310px; height:430px; background:#fff; padding:15px 35px;}
.k_zhuce1{ margin-top:90px; float:right; width:310px; height:300px; background:#fff; padding:15px 35px;}

.biao2{ position:relative; line-height:40px; border-bottom:1px #bbbbbb solid; padding:5px 0; width:80%; margin:0 auto; padding-left:65px}
.biao2 input{ font-size:14px; width:99%; overflow:hidden}
.deng_xuan{ margin-top:5%;}
.deng_xuan a{ color:#b5b5b6; font-size:16px;}
.zhu1{ background:url(../images/coin7.png) no-repeat left center; background-size:52px; }
.zhu2{ background:url(../images/coin5.png) no-repeat left center; background-size:52px; }
.zhu3{ background:url(../images/coin10.png) no-repeat left center; background-size:52px; }
.zhu4{ background:url(../images/coin4.png) no-repeat left center; background-size:52px; }
.zhu5{ background:url(../images/coin6.png) no-repeat left center; background-size:52px; }
.zhu6{ background:url(../images/coin8.png) no-repeat left center; background-size:52px; }
.biao2 .zhu_yan{ padding:5px 0; position:absolute; right:0; font-size:13px; color:#ce0000;  width:90px; overflow:hidden; border-radius:4px; line-height:21px; top:10px}
.zhu_yan input{font-size:13px; color:#ce0000; display:block;}

.btj{ background:#ce0000; color:#fff; text-align: center; width:70%; margin:0 auto; border-radius:6px; margin-top:20px }
.btj input{color:#fff;font-size:16px; display:block; width:100%;padding:10px 0 } 





/*平板 w1000*/

@media screen and (max-width: 1199px){
.w1200{ width:96% !important; margin:0 auto; overflow:hidden}
.in_nav{ margin-top:2%; margin-bottom:2%; width:100%}	
.fangda1:hover img{-webkit-transform: scale(1);transform: scale(1);}
.fangda a:hover img{-webkit-transform: scale(1);transform: scale(1);}	
.con1_tu{ width:60%; float:left; overflow:hidden}
.con1_zi{ width:38%; float:right}
.con1_zi1{ font-size:36px; margin-top:2%}
.con1_zi2{font-size: 24px; }
.con1_zi3{line-height: 26px; height:78px;overflow:hidden;font-size: 14px;color: #666; text-align:justify}
.h55{ height:20px}	
.con1{ margin-bottom:20px}
.con2_ti{ font-size:36px}
.changeone{ width:55%; height:auto !important}
.new_list .new_xx{ height:110px}
.h80{ height:30px}
.prolist1{ width:80%}
.yema{ margin:30px 0}
.pro_right{ width:49%}

.pro_right_pp{ float:right; margin-top:-45px; margin-right:35px}
.lib_Menubox1 ul{ padding-left:28%}
.lib_Contentbox1{ padding:20px 0;}
.pro_right_ti{ font-size:24px}
.pro_right_sh{ font-size:20px}
.prolistbg .prolistbg_li{ padding:30px 0}
.prolist { width:78%}
.pro_left_tu{ width:20.65%}
.plist ul li{ height:42px; line-height:42px}
.danye_tu img{ width:100%; display:block}

.nn_news_list .nn_news_list_item{ padding:20px 0}
.nn_news_list .nn_news_list_item .item_img{ top:20px}
.news_box .news_list_1 .item_banner{ margin-top:10px}
.hotspot_news{margin-top:10px !important}
.good_list ul li:nth-child(3){ display:none}
.subNavBox .subNav{line-height:62px; background: url(../images/jia.png) no-repeat 95.5%  center; background-size:21px; border-bottom:1px #eaeaea solid}

.zp_ti ul li:nth-child(1){ width:36%; text-align:left; padding-left:2%; padding-right:2%;}
.zp_ti ul li:nth-child(2){ width:12%}
.zp_ti ul li:nth-child(3){ width:12%}
.zp_ti ul li:nth-child(4){ width:12%}
.zp_ti ul li:nth-child(5){ width:12%}
.zp_ti ul li:nth-child(6){ width:12%}

.subNav ul li:nth-child(1){ width:36%; text-align:left; padding-left:2%; padding-right:2%;}
.subNav ul li:nth-child(2){ width:12%}
.subNav ul li:nth-child(3){ width:12%}
.subNav ul li:nth-child(4){ width:12%}
.subNav ul li:nth-child(5){ width:12%}
.subNav ul li:nth-child(6){ width:12%}

.foot-left{ padding-left:3%}
.foot-left dl {
    padding-top: 20px;
    width: 20%;
    float: left;
    line-height: 24px;
}
#right_xj{ display:block}
.head_r1{ display:none}
.slogo{ display:none}
.nav{ width:65%; float:left}
.nav .nLi h3 a{ padding:0 30px}
.head{ height:68px; overflow:hidden}
#lib_Tab1{width:70%;margin:0px auto;padding:0px; margin-top:45px; float:none}
.er_nav{ display:block; background:#CCC; text-align:center}
.er_nav  a{  font-size:15px; line-height:45px; display:inline-block; padding:0 10px; margin:0 15px}
} 

/*手机 1000以下*/
@media screen and (max-width:800px){
.foot-left dl{ display:none}
.footer{ padding-top:0}
.foot-left{ width:400px !important;}
.foot-left  .follow{ display:block}
.pro_right_pp{ float:right; margin-top:-45px; margin-right:0}
.con2_zi {width: 25.5%;float: left;margin-left: 25px;margin-top: 45px;}
.new_list .new_xx{ height:78px; margin-top:5px}
.pro_ck a{ font-size:14px}
.pro_ck{ width:48%; margin-top:10px}
.lib_Menubox1 ul{ padding-left:22%}
.pro_banner{ float:none; width:100%; margin-bottom:20px}
.pro_right{ float:none; width:100%}
.prolist ul li { width:32.5%}
.prolist { width:72%}
.pro_left_tu{ width:26.6%}
.prolist ul li:nth-child(3){ margin-right:0}
.prolist ul li:nth-child(4){ display:none}

.news_video_list ul li{float: left; margin-right:2%;width:32%; margin-bottom: 16px;}
.news_video_list ul li:nth-child(4n){ margin-right:1.5%;}
.news_video_list ul li:nth-child(3n){ margin-right:0}
.nav .nLi h3 a{ padding:0 10px}
.nav{ width:62%; float:left}
.head_r2 a{ width:0px; overflow:hidden}
.head_r2{ margin-top:0}

#lib_Tab1{width:84%;margin:0px auto;padding:0px; margin-top:45px; float:none}

.er_nav  a{  font-size:15px; line-height:45px; display:inline-block; padding:0 5px; margin:0 10px}

}